import { ref } from 'vue'
import { useDisplay } from 'vuetify'

export function useLoading() {
  const display = useDisplay()
  const loading = ref(false)

  const showLoading = () => {
    loading.value = true
    return {
      close: () => {
        loading.value = false
      }
    }
  }

  return {
    loading,
    showLoading
  }
} 